<!-- Start page_header include -->
<div class="navbar navbar-inverse navbar-static-top macula-nav">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><span class="macula-logo"></span></a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="{% if page.sectionid == 'overview' %} active{% endif %}"><a href="/overview.html">概览</a></li>
        <li class="{% if page.sectionid == 'download' %} active{% endif %}"><a href="/downloads.html">下载</a></li>
        <li class="dropdown-split-left {% if page.sectionid == 'documents' %} active{% endif %}">
            <a href="/docs">文档</a>
        </li>
        <li class="dropdown dropdown-split-right hidden-xs {% if page.sectionid == 'documents' %} active{% endif %}">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               <i class="fa fa-caret-down"></i>
            </a>         
            <ul class="dropdown-menu pull-right">
                <li><a tabindex="-1" href="/macula-reference">Macula Reference</a></li>
                <li class="divider"></li>
                <li><a tabindex="-1" href="/mower">Macula UI</a></li>
            </ul>           
        </li>
        
        <li class="{% if page.sectionid == 'faq' %} active{% endif %}"><a href="/faq.html">FAQ</a></li>
        
        <!--li class="{% if page.sectionid == 'community' %} active{% endif %}"><a href="/community/">社区</a></li-->
        
        <li class="{% if page.sectionid == 'blog' %} active{% endif %}"><a href="/blog">博客</a></li>
        <li><a href="https://twitter.com/macula/" class="fa fa-twitter"></a></li>
        <li><a href="https://github.com/macula-projects" class="fa fa-github"></a></li>
      </ul>
    </div>
  </div>
</div>
<!-- Stop page_header include -->
